<template>
<!--  公告通知-->
  <div class="notice-index">
    <module-title context="公告通知"/>
    <div class="notice-body">
      <div class="notice-body-context" v-for="item in 4" :key="item">
        <a>.2017年/09/25，系统进行系统升级公告</a>
      </div>
    </div>
  </div>
<!--  onTheGoTracking-->
</template>

<script>
import ModuleTitle from "@/components/title/ModuleTitle";

export default {
  name: "AnnouncementNotice",
  props:{},
  components:{
    ModuleTitle,

  },
  data(){
    return{

    }
  },
  created() {
    this.init()
  },
  methods:{
    async init(){

    },
  }

}
</script>

<style scoped lang="scss">

.notice-index{
  margin-left: 4%;
  width: 30%;
  height: 201px;
  max-height: 201px;

  .notice-body{
    margin-top: 5px;
    border: 1px #444444 solid;
    height: 160px;
    max-height: 160px;
    overflow: auto;
    text-align: left;
    padding: 10px 10px;
  }

  .notice-body-context{
    margin: 5px 10px;
  }

}


</style>